<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8">
		<title>本网页用于Div的练习</title>
	</head>
	<body>
		<!-- div p块级元素 会换行
		 span行元素 不会换行
		 p内不能再放块级元素 div可以-->
		<div>div</div>
		<div>div</div>
		<div>div</div>
		<p>p</p>
		<p>p</p>
		<p>p</p>
		<span>span</span>
		<span>span</span>
		<span>span</span>
		
		
		<div>顾客联</div>
		<div>请您留意取餐账单号</div>
		<div>自取顾客联</div>
		<div>金帮嘉诚北京店</div>
		<div>010-00000000</div>
		<div>--结账单--</div>
		<div>账单号:P000009</div>
		<div>账单类型:食堂</div>
		<div>人数:1</div>
		<div>收银员:张静</div>
		<div>开单时间:2018-04-17 07:24:11</div>
		<div>结账时间:2018-04-17 07:24:22</div>

		<hr style="border:1px dashed;" />
		<div>
			<table>
				<tr>
					<td width="40">数量</td>
					<td width="130">品项</td>
					<td>金额</td>
				</tr>
				<tr>
					<td>1</td>
					<td>油条豆浆套餐</td>
					<td>7.00</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>1 X --非矾油条</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>1 X --现磨豆浆(热/甜)</td>
					<td>&nbsp;</td>
				</tr>

			</table>
		</div>

		<hr style="border: 1px dashed;" />
		<div>
			<table>
				<tr>
					<td width="140">支付宝花呗一元早餐</td>
					<td width="30">1</td>
					<td width="30" align="right">-3.00</td>
				</tr>
				<tr>
					<td>合计</td>
					<td>&nbsp;</td>
					<td width="30" align="right">4.00</td>
				</tr>
				<tr>
					<td>支付宝</td>
					<td>&nbsp;</td>
					<td width="30" align="right">1.00</td>
				</tr>
				<tr>
					<td>支付宝补贴</td>
					<td>&nbsp;</td>
					<td width="30" align="right">3.00</td>
				</tr>
			</table>
		</div>

		<hr style="border: 1px dashed;" />
		<div>打印时间:2018-04-17 07:24:23</div>
		<hr style="border: 1px dashed;" />
		<div>根据相关税法规定,电子发票的开票日期同网上申请电子发票的日期,如您需要当日的电子发票请务必在消费当日通过扫描下方二维码,根据指引步骤开具您的增值税电子普通发票.此二维码三十天有效,扫描时请保持小票平整.</div>
		<div><img src=""></div>
		<div>官网 www.baidu.com.cn</div>
		<div>加盟热线:00-00-00000000 或 86-21-00000000</div>
		<br />

	</body>
</html>
